<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>毛明辉和林晶的婚礼邀请</title>
    <meta property="og:type" content="website" />
    <meta property="og:title" content="毛明辉和林晶的婚礼邀请">
    <meta property="og:description" content="我们将于2023年1月1日举行婚礼，欢迎您的到来">
    <meta property="og:image" content="https://gitee.com/imaomh/img/raw/master/wedding/thumb.jpg">
</head>
<body>
    <div id="music" class="music music-stop"></div>

    <div class="sec-photo" data-ani="fade" data-delay="1s">
        <div class="sec-photo-image"></div>
        <div class="sec-photo-people"></div>
        <div class="sec-photo-people-shadow"></div>
        <div class="sec-photo-flower">
            <div class="sec-photo-flower-item sec-photo-flower-l sec-photo-flower-pos"></div>
            <div class="sec-photo-flower-item sec-photo-flower-r sec-photo-flower-pos"></div>
            <div class="sec-photo-flower-item sec-photo-flower-l sec-photo-flower-neg"></div>
            <div class="sec-photo-flower-item sec-photo-flower-r sec-photo-flower-neg"></div>
        </div>
    </div>

    <div class="sec-guest" data-ani="fly" data-delay="0.5s">
        <span id="greet-name">亲爱的xxx</span>
        <span id="greet-general">你好</span>
        <span id="greet-content">，请来参加我们的婚宴！</span>
    </div>

    <div class="sec-host" data-ani="fly" data-delay="2.5s">
        <span>毛明辉</span>
        <span class="sec-host-and">&</span>
        <span>林 &nbsp; 晶</span>
    </div>

    <div class="sec-date" data-ani="fly" data-delay="4s">
        <div class="sec-date-item">2023年1月1日 &nbsp; 午宴</div>
        <div class="sec-date-item">农历 &nbsp; 壬寅年腊月初十 &nbsp; 星期日</div>
    </div>

    <div class="sec-position" data-ani="fly" data-delay="5.5s">
        <svg class="sec-position-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 1024 1024" fill="#e9c491">
            <path d="M512 64a352 352 0 0 0-352 352c0 187 315 520 329 534 6 6 14 10 23 10h1c9 0 17-4 23-11l109-125c145-178 219-315 219-408 0-194-158-352-352-352zm0 512a160 160 0 1 1 0-320 160 160 0 0 1 0 320z"/>
        </svg>
        <a href="https://m.amap.com/search/mapview/__p=B02D800069,30.384422,113.413252,仙苑国际大酒店,排湖泵站路特1号&src=app_share&callnative=1&callapp=0&userRelationToken=fcc6969977d911ed90a700163e1993fc1&poiid=B02D800069" target="_blank">
            仙苑国际大酒店 · 仙桃
        </a>
    </div>

    <div class="sec-t" data-ani="fade" data-delay="7s"></div>

    <div class="sec-words" id="invite-words-type1" style="display: none;">
        <div class="sec-words-item" data-ani="fly" data-delay="8s">好久不见</div>
        <div class="sec-words-item" data-ani="fly" data-delay="9.5s">我们要结婚了</div>
        <div class="sec-words-item" data-ani="fly" data-delay="11s">你可能曾经见证过我们俩漫长的爱情长跑</div>
        <div class="sec-words-item" data-ani="fly" data-delay="12.5s">我们邀请你&nbsp;&nbsp;与我们共同见证这一刻的幸福和喜悦</div>
        <div class="sec-words-item" data-ani="fly" data-delay="14s">北风其凉&nbsp;&nbsp;雨雪其雾</div>
        <div class="sec-words-item" data-ani="fly" data-delay="15.5s">疫情当下&nbsp;&nbsp;也要注意防护</div>
    </div>

    <div class="sec-words" id="invite-words-type2" style="display: none;">
        <div class="sec-words-item" data-ani="fly" data-delay="8s">我们要结婚了</div>
        <div class="sec-words-item" data-ani="fly" data-delay="9.5s">在彼此生命中最重要的时刻</div>
        <div class="sec-words-item" data-ani="fly" data-delay="11s">我们邀请您和家人</div>
        <div class="sec-words-item" data-ani="fly" data-delay="12.5s">与我们共同见证这一刻的幸福和喜悦</div>
        <div class="sec-words-item" data-ani="fly" data-delay="14s">佳期已定&nbsp;&nbsp;恭候光临</div>
        <div class="sec-words-item" data-ani="fly" data-delay="15.5s">疫情天冷&nbsp;&nbsp;也要注意防护</div>
    </div>

    <div class="sec-blank"></div>

    <canvas id="background"></canvas>
    <div class="sec-noise"></div>
</body>
</html>